<script lang="ts">
export default {
  name: "TodoHeader",
  props:['taskList'],
  methods:{
    addTask(e){
      if(e.target.value.trim()){
        //增加数据
        this.$store.commit('ADD_LIST',{
          id:Math.random().toString(36).slice(2),
          content : e.target.value,
          isChecked:true
        });
        //保存到本地
        this.$store.commit('SAVE_DATA');
      }else {
        alert('请输入内容')
      }
      e.target.value = null;
    }
  }
}
</script>

<template>
  <div class="todo-header">
    <input @keydown.enter="addTask" type="text" placeholder="请输入你的任务名称，按回车键确认"/>
  </div>
</template>

<style scoped>

</style>
